<%--
  Created by IntelliJ IDEA.
  User: MAVI003
  Date: 2017/3/24
  Time: 11:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>拍卖系统</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/icon.jpg">
    <link rel="bookmark" href="${pageContext.request.contextPath}/images/icon.jpg">

    <link href="//cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://ibootstrap-file.b0.upaiyun.com/www.layoutit.com/css/builder/v3/layoutit.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/layoutit.css" rel="stylesheet">
    <script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.staticfile.org/jqueryui/1.10.2/jquery-ui.min.js"></script>
    <script type="text/javascript"
            src="http://cdn.staticfile.org/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
    <script type="text/javascript" src="http://cdn.staticfile.org/twitter-bootstrap/3.0.1/js/bootstrap.min.js"></script>
    <script type="text/javascript"
            src="http://ibootstrap-file.b0.upaiyun.com/www.layoutit.com/js/jquery.htmlClean.js"></script>
    <script type="text/javascript"
            src="http://ibootstrap-file.b0.upaiyun.com/www.layoutit.com/js/builder/v3/scripts.min.js"></script>

    <style type="text/css">
        body{
            background-image: url(${pageContext.request.contextPath}/images/7.jpg);
            background-size:cover;
        }
        .myback
        {
            background-image: url(${pageContext.request.contextPath}/images/7.jpg);
            background-size:cover;
        }
    </style>
</head>
<body>
<div class="container">

    <div class="row clearfix hideLine">
        <div class="col-md-12 column hideLine myback">
            <jsp:include page="navigation.jsp"></jsp:include>

            <div class="carousel slide" id="carousel-99575">
                <ol class="carousel-indicators">
                    <li data-slide-to="0" data-target="#carousel-99575" class="active">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-99575">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-99575" >
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item  active">
                        <img alt=""
                             src="${pageContext.request.contextPath}/images/pic2.jpg"/>
                        <div class="carousel-caption ">
                            <h4>
                                欢迎来到潇霄的拍卖小站~
                            </h4>
                            <p>
                                如果您有什么闲置的东西，或者不需要的书籍，都可以放到本网站上拍卖，小站希望为您的闲置带来最大的价值~~
                                如果您发布的商品两天之内没有人加价，那么小站将会退回您的商品~您可以再次发布拍卖~~
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img  alt=""
                             src="${pageContext.request.contextPath}/images/pic3.jpg"/>
                        <div class="carousel-caption">
                            <h4>
                                闲置物品分享
                            </h4>
                            <p>
                                你是不是也有这样的困扰，家里有很多买了却用不到的东东~扔了可惜，不扔又没地方放~不用担心，您可以把商品
                                上传到本网站，也许您的闲置正是其他人所需要的呢~
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img  alt=""
                             src="${pageContext.request.contextPath}/images/pic4.jpg"/>
                        <div class="carousel-caption">
                            <h4>
                                二手书籍
                            </h4>
                            <p>
                                书迷福利~旧书看了好多遍，不如大家换着看~~把你不需要的旧书上传到本站，挣得的钱用来添置新书吧~~
                            </p>
                        </div>
                    </div>
                </div>
                <a class="left carousel-control" href="#carousel-99575" data-slide="prev"><span
                        class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control"
                                                                                href="#carousel-99575"
                                                                                data-slide="next"><span
                    class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-6 column">
            <h2>
                发布拍卖商品流程:
            </h2>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在您上传您需要拍卖物品的信息后，您需要将您的拍卖物品交付给本站进行暂存管理，当本站收到您的物品后，会进行详细的审核，
                若您的商品符合本站拍卖条件，管理员将审核通过您的商品，您可以在“我发布的宝贝”中看到您的商品信息。若您的商品不符合本站的
                商品拍卖条件，则您的商品不能通过审核，您的商品将被退回。
            </p>

        </div>
        <div class="col-md-6 column">
            <h2>
                拍卖加价商品流程：
            </h2>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您可以通过搜索商品关键字模糊查询你想要的商品，也可以通过分类浏览商品列表来挑选您心仪的
                商品，如果你想加价竞拍某一商品，您需要您的账户充值足够的金额，若您加价成功您账户的金额将暂存至本系统，拍卖结束后，若您没有拍得商品，则会退回您的
                押金。若您的金额出现问题请联系本系统客服，联系方式：17319230109
            </p>

        </div>

    </div>
</div>
</body>
</html>
